
<html>
	<head>
		<title>javaScript实例</title>
		<script>
			// 元素.checked  是否被选中  单选和复选框  
			// 元素.disabled 元素是否禁用  普通标签 
			// 元素.selected 是否白选中  下拉框 
			// window.onload = function(){
			// 	var lis = document.querySelectorAll('li');
			// 	lis[1].querySelector('input').checked = true
			// }
			function SelectALL_ONT(status){
				for(var i=1;i<=6;i++){
					// 构建1-6 有几个input 就循环几次 
					// 拿到每个input框  
					document.getElementById('id'+i).checked = status;
					//给每个input 框的checked 属性赋值 status 
				}
			}

			function Selected_No(){
				// 找到所有的input框,然后判断checked状态 
				// true 变成false
				// false变成true 
				for(var i=1;i<=6;i++){
					var target = document.getElementById('id'+i);
					if(target.checked){
						target.checked = false
					}else{
						target.checked = true;

					}
					
				}
			}
		</script>
		
	</head>
	<body>
		<h2>JavaScript实例--全选/全不选</h2>
		<ul>
			<li><input id="id1" type="checkbox" name="likes" value="1" />足球</li>
			<li><input id="id2" type="checkbox" name="likes" value="2" />乒乓球</li>
			<li><input id="id3" type="checkbox" name="likes" value="3" />蓝球</li>
			<li><input id="id4" type="checkbox" name="likes" value="4" />羽毛球</li>
			<li><input id="id5" type="checkbox" name="likes" value="5" />玻璃球</li>
			<li><input id="id6" type="checkbox" name="likes" value="6" />网球</li>
		</ul>
		
		<button onclick="SelectALL_ONT(true)">全选</button>
		<button onclick="SelectALL_ONT(false)">全不选</button>
		<button onclick="Selected_No()">反选</button>
	</body>
</html>



